<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="sb" uri="/struts-bootstrap-tags"%>

<style>
.labelTanggal {
	background-color: aqua;
	float: left;
	font-size: 32px;
	height: 30px;
	margin-bottom: 40px;
	padding-bottom: 0;
	padding-top: 10px;
	position: relative;
	text-align: center;
	width: 40px;
}

.table td {
	padding: 0px;
}

.labelLegend {
	width: 90px;
	height: 100%;
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}
</style>

<%-- <s:property value="%{jumlahHari}" />
<s:property value="%{jumlahMinggu}" />
<s:property value="%{hariPertama}" />
<br /> --%>

<s:url var="urlBulanSebelum" action="page/kalendar/bulansebelum"
	namespace="/smap/admin" escapeAmp="false">
	<s:param name="tahun" value="%{tahun}"></s:param>
	<s:param name="bulanSebelum" value="%{bulanSebelum}"></s:param>
</s:url>

<s:url var="urlBulanSesudah" action="page/kalendar/bulansesudah"
	namespace="/smap/admin" escapeAmp="false">
	<s:param name="tahun">
		<s:property value="%{tahun}" />
	</s:param>
	<s:param name="bulanSesudah">
		<s:property value="%{bulanSesudah}" />
	</s:param>
</s:url>

<table style="width: 100%" class="table table-bordered">
	<tr>

		<th><sj:a href="%{urlBulanSebelum}" targets="content">
				<s:property value="%{namaBulanSebelum}" />
			</sj:a></th>
		<th colspan="5"><s:property value="%{tahun}" /> <s:property
				value="%{namaBulan}" /></th>
		<th><sj:a href="%{urlBulanSesudah}" targets="content">
				<s:property value="%{namaBulanSesudah}" />
			</sj:a></th>

	</tr>
	<tr>

		<th>Minggu</th>
		<th>Senin</th>
		<th>Selasa</th>
		<th>Rabu</th>
		<th>Kamis</th>
		<th>Jumat</th>
		<th>Sabtu</th>

	</tr>
	<s:set var="tgl" value="0"></s:set>
	<s:iterator begin="1" end="jumlahMinggu" step="1" id="tanggal">
		<tr>
			<s:iterator begin="1" end="7" step="1">
				<s:set var="tgl" value="%{#tgl+1}" />
				<s:if test="%{#tgl < hariPertama}">
					<td align="center">-</td>
				</s:if>
				<s:elseif test="%{#tgl - (hariPertama-1) > jumlahHari}">
					<td align="center">-</td>
				</s:elseif>
				<s:else>
					<td>
						<div class="innerTd">

							<div class="labelTanggal">
								<s:property value="%{#tgl - (hariPertama-1)}" />
							</div>
							<div class="labelLegend">Legend</div>
						</div>
					</td>

				</s:else>
			</s:iterator>
		</tr>
	</s:iterator>
</table>
